<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
	.box{
		width: 200px;
		height: 200px;
		background: #C8BFE7;
	}
/*
	.time{
		width: 800px;
		height: 50px;
		background: #99D9EA;
	}*/
	
	</style>
</head>

<body>

	<div class="box" id="box">
		
	</div>
<!-- 
	<div class="time" id="time">
		
	</div> -->


	<script type="text/javascript">


	// var box1 = document.getElementById('time')
	// str = "秒之后返回首页"

	// num = 300;

	// function djs () {
	// 	box1.innerText=num+str;
	// 	if(num==0){
	// 		location.href="file:///F:/locality/5.26/%E7%BB%83%E4%B9%A0.html"
	// 	}
	// 	num--;

	// }

	// var time =setInterval(djs, 1000);





	var box = document.getElementById('box')
	var width = parseInt(getComputedStyle(box).width);
	var height = parseInt(getComputedStyle(box).height);

	var c = 0;

	function run() {

		if (width<200) {
			c=0;
		};

		if(width>600){
			c=1;
		}

		if (c==0) {
			width +=5;
			height +=5;
		}else{
			width -=5;
			height -=5;
		}



		box.style.width = width+"px";
		box.style.height= height+"px";
	}

	var time = setInterval(run, 10);

	box.onmouseover = function (argument) {
		clearInterval(time);
	}

	box.onmouseout = function (argument) {
		time = setInterval(run, 10);
	}





	</script>

	
</body>
</html>